<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<p>There should be a blue square below. There should also be five vertical red lines.</p>
<div id="target" style="-webkit-columns:3; -webkit-column-rule:5px solid blue; -webkit-column-gap:5px; width:310px; height:315px; line-height:50px;">
    <div style="height:945px; background:blue;"></div>
    <br><br><br><br><br><br>
    <br><br><br><br><br><br>
    <br><br><br><br><br><br>
</div>
<script>
onload = runRepaintAndPixelTest;
function repaintTest() {
    target.style.webkitColumnRule = "5px solid red";
}
</script>
